<div class="categories-page" ng-controller="categoriesCtrl">
<header>
    <div class="scan"  id="back"></div>
    <form>
        <input type="text" name="search-content" placeholder="海大珍珠" id="search" ng-focus="toSearch()">
        <button></button>
    </form>
    <div class="message"></div>
</header>
<ul class="nav">
    <li class="on">珍珠化妆品</li>
    <li>海水珍珠粉</li>
    <li>珍珠项链</li>
    <li>珍珠耳坠</li>
</ul>
<div class="main">
    <ul class="sear_below" id="sear_below">
        <li><a ui-sref="proList"><img src="src/img/hua1_03.png" alt="hua1"><h3>丹姿护肤品套装</h3> </a> </li>
        <li><a ui-sref="proList"><img src="src/img/hua2_03.png" alt="hua2"><h3>芳草集蓝色清新</h3> </a> </li>
        <li><a ui-sref="proList"><img src="src/img/hua3_03.png" alt="hua3"><h3>丹姿蓝色系列</h3> </a> </li>
        <li><a ui-sref="proList"><img src="src/img/hua4_03.png" alt="hua4"><h3>欧莱雅精华套装</h3> </a> </li>
        <li><a ui-sref="proList"><img src="src/img/hua5_03.png" alt="hua5"><h3>雅诗兰黛护肤品</h3> </a> </li>
        <li><a ui-sref="proList"><img src="src/img/hua6_03.png" alt="hua6"><h3>蓝色珀莱雅护肤品</h3> </a> </li>
        <li><a ui-sref="proList"><img src="src/img/hua7_03.png" alt="hua7"><h3>温碧泉护肤套装</h3> </a> </li>
        <li><a ui-sref="proList"><img src="src/img/hua8_03.png" alt="hua8"><h3>vichy护肤品</h3> </a> </li>
        <li><a ui-sref="proList"><img src="src/img/hua9_03.png" alt="hua9"><h3>兰蔻精华肌底霜</h3> </a> </li>
    </ul>
</div>
<footer>
    <div class="option1" ui-sref="home">
        <i></i>
        <b>首页</b>
    </div>
    <div class="option2" ui-sref="proCategories">
        <i></i>
        <b>分类</b>
    </div>
    <div class="option3" ui-sref="shopCart">
        <i></i>
        <b>购物车</b>
    </div>
    <div class="option4" ui-sref="user">
        <i></i>
        <b>个人</b>
    </div>
</footer>
</div>